<div class="">
    <div class="white-bg padding-left padding-right padding-top border-radius-top">
        <div class="flex justify-between">
            <div class="text-title">
                商品详情
            </div>
            <div>

            </div>
        </div>
        <!-- 业主信息 -->
        <div class="margin-top">
            <div class="text-center vc-float-left" style="width: 150px;" v-if="productDetailInfo.coverPhoto">
                <image width="120px" height="140px" class="border-radius" v-bind:src="productDetailInfo.coverPhoto"
                    />
            </div>
            <div class="text-center vc-float-left" style="width: 150px;" v-else>
                <image width="120px" height="140px" class="border-radius" src="/img/noPhoto.jpg" />
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="商品ID：" namespace="productDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{productDetailInfo.productId}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="商品分组：" namespace="productDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{productDetailInfo.categoryName || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="商品名称：" namespace="productDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{productDetailInfo.prodName}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="仓库：" namespace="productDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{productDetailInfo.shName || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="销量：" namespace="productDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{productDetailInfo.sales || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="库存：" namespace="productDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{productDetailInfo.stock || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="价格：" namespace="productDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{productDetailInfo.price || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="排序：" namespace="productDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{productDetailInfo.sort || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="状态：" namespace="productDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{productDetailInfo.stateName || '-'}}</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="注册时间：" namespace="productDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{productDetailInfo.createTime || '-'}}</label>
                    </div>
                </div>
            </div>

        </div>
        <div class="vc-line-primary margin-top"></div>

        <div class="margin-top-sm">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:productDetailInfo._currentTab == 'productDetailSpec'}"
                        v-on:click="changeTab('productDetailSpec')">
                        <vc:i18n name="商品规格" namespace="productDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:productDetailInfo._currentTab == 'productDetailAppraise'}"
                        v-on:click="changeTab('productDetailAppraise')">
                        <vc:i18n name="商品评论" namespace="productDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:productDetailInfo._currentTab == 'productDetailLabel'}"
                        v-on:click="changeTab('productDetailLabel')">
                        <vc:i18n name="商品标签" namespace="productDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:productDetailInfo._currentTab == 'productDetailInstock'}"
                        v-on:click="changeTab('productDetailInstock')">
                        <vc:i18n name="入库记录" namespace="productDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:productDetailInfo._currentTab == 'productDetailOutstock'}"
                        v-on:click="changeTab('productDetailOutstock')">
                        <vc:i18n name="出库记录" namespace="productDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:productDetailInfo._currentTab == 'productDetailInventory'}"
                        v-on:click="changeTab('productDetailInventory')">
                        <vc:i18n name="盘点记录" namespace="productDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:productDetailInfo._currentTab == 'productDetailAllocation'}"
                        v-on:click="changeTab('productDetailAllocation')">
                        <vc:i18n name="调拨记录" namespace="productDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:productDetailInfo._currentTab == 'productDetailCart'}"
                        v-on:click="changeTab('productDetailCart')">
                        <vc:i18n name="商品订单" namespace="productDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:productDetailInfo._currentTab == 'productDetailRefund'}"
                        v-on:click="changeTab('productDetailRefund')">
                        <vc:i18n name="商品退货" namespace="productDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:productDetailInfo._currentTab == 'productDetailGroup'}"
                        v-on:click="changeTab('productDetailGroup')">
                        <vc:i18n name="商品拼团" namespace="productDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:productDetailInfo._currentTab == 'productDetailGroupOrder'}"
                        v-on:click="changeTab('productDetailGroupOrder')">
                        <vc:i18n name="拼团订单" namespace="productDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:productDetailInfo._currentTab == 'productDetailSeckill'}"
                        v-on:click="changeTab('productDetailSeckill')">
                        <vc:i18n name="商品秒杀" namespace="productDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:productDetailInfo._currentTab == 'productDetailSeckillOrder'}"
                        v-on:click="changeTab('productDetailSeckillOrder')">
                        <vc:i18n name="秒杀订单" namespace="productDetail"></vc:i18n>
                    </a>
                </li>
                
                
                
            </ul>
        </div>
    </div>

    <div class="white-bg padding-left padding-right padding-top border-radius-bottom">
        <div v-if="productDetailInfo._currentTab == 'productDetailSpec'">
            <vc:create path="goods/productDetailSpec"></vc:create>
        </div>
        <div v-if="productDetailInfo._currentTab == 'productDetailAppraise'">
            <vc:create path="goods/productDetailAppraise"></vc:create>
        </div>
        <div v-if="productDetailInfo._currentTab == 'productDetailLabel'">
            <vc:create path="goods/productDetailLabel"></vc:create>
        </div>
        <div v-if="productDetailInfo._currentTab == 'productDetailInstock'">
            <vc:create path="goods/productDetailInstock"></vc:create>
        </div>
        <div v-if="productDetailInfo._currentTab == 'productDetailOutstock'">
            <vc:create path="goods/productDetailOutstock"></vc:create>
        </div>
        <div v-if="productDetailInfo._currentTab == 'productDetailInventory'">
            <vc:create path="goods/productDetailInventory"></vc:create>
        </div>
        <div v-if="productDetailInfo._currentTab == 'productDetailAllocation'">
            <vc:create path="goods/productDetailAllocation"></vc:create>
        </div>
        <div v-if="productDetailInfo._currentTab == 'productDetailCart'">
            <vc:create path="goods/productDetailCart"></vc:create>
        </div>
        <div v-if="productDetailInfo._currentTab == 'productDetailRefund'">
            <vc:create path="goods/productDetailRefund"></vc:create>
        </div>
        <div v-if="productDetailInfo._currentTab == 'productDetailGroup'">
            <vc:create path="goods/productDetailGroup"></vc:create>
        </div>
        <div v-if="productDetailInfo._currentTab == 'productDetailGroupOrder'">
            <vc:create path="goods/productDetailGroupOrder"></vc:create>
        </div>
        <div v-if="productDetailInfo._currentTab == 'productDetailSeckill'">
            <vc:create path="goods/productDetailSeckill"></vc:create>
        </div>
        <div v-if="productDetailInfo._currentTab == 'productDetailSeckillOrder'">
            <vc:create path="goods/productDetailSeckillOrder"></vc:create>
        </div>
        
    </div>

</div>